<template>
  <div class="indexBox">
    <div class="emptyCart">
      <img
        src="https://img01.yzcdn.cn/vant/empty-image-default.png"
        alt=""
      />
      <p>购物车空空如也</p>
      <van-button
        type="danger"
        @click="$router.push('/category')"
        >立即购物</van-button
      >
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
.indexBox {
  margin-top: 140px;
  .emptyCart {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
      width: 160px;
      height: 160px;
    }
    p {
      font-size: 14px;
      color: #969799;
    }
    .van-button {
      margin-top: 20px;
      border-radius: 30px;
    }
  }
}
</style>
